// 主题色
$--color-primary: #1a73e8;
$--color-primary-light-1: mix(#fff, $--color-primary, 10%);
$--color-primary-light-2: mix(#fff, $--color-primary, 20%);
$--color-primary-light-3: mix(#fff, $--color-primary, 30%);
$--color-primary-light-4: mix(#fff, $--color-primary, 40%);
$--color-primary-light-5: mix(#fff, $--color-primary, 50%);
$--color-primary-light-6: mix(#fff, $--color-primary, 60%);
$--color-primary-light-7: mix(#fff, $--color-primary, 70%);
$--color-primary-light-8: mix(#fff, $--color-primary, 80%);
$--color-primary-light-9: mix(#fff, $--color-primary, 90%);

// 辅助色
$--color-success: #67c23a;
$--color-warning: #e6a23c;
$--color-danger: #f56c6c;
$--color-info: #909399;

// 文字色
$--color-text-primary: #303133;
$--color-text-regular: #606266;
$--color-text-secondary: #909399;
$--color-text-placeholder: #c0c4cc;

// 边框色
$--border-color-base: #dcdfe6;
$--border-color-light: #e4e7ed;
$--border-color-lighter: #ebeef5;
$--border-color-extra-light: #f2f6fc;

// 背景色
$--background-color-base: #f5f7fa;

// 阴影
$--box-shadow-base: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
$--box-shadow-light: 0 2px 12px 0 rgba(0, 0, 0, 0.1);